
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - criação</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">54624</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_criac-a-o-ce502'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '10', '11', '14'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  81.56,18.14,0.15,0.04,0.03,0.01,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692817651,null],[1692817652,null],[1692817653,null],[1692817654,null],[1692817655,null],[1692817656,null],[1692817657,null],[1692817658,null],[1692817659,null],[1692817660,null],[1692817661,null],[1692817662,null],[1692817663,null],[1692817664,null],[1692817665,null],[1692817666,null],[1692817667,null],[1692817668,null],[1692817669,null],[1692817670,null],[1692817671,null],[1692817672,null],[1692817673,null],[1692817674,null],[1692817675,null],[1692817676,null],[1692817677,null],[1692817678,null],[1692817679,null],[1692817680,null],[1692817681,null],[1692817682,null],[1692817683,null],[1692817684,null],[1692817685,null],[1692817686,null],[1692817687,null],[1692817688,null],[1692817689,null],[1692817690,null],[1692817691,null],[1692817692,null],[1692817693,null],[1692817694,null],[1692817695,null],[1692817696,null],[1692817697,null],[1692817698,null],[1692817699,null],[1692817700,null],[1692817701,null],[1692817702,null],[1692817703,null],[1692817704,null],[1692817705,null],[1692817706,null],[1692817707,null],[1692817708,null],[1692817709,null],[1692817710,null],[1692817711,null],[1692817712,null],[1692817713,null],[1692817714,null],[1692817715,null],[1692817716,null],[1692817717,null],[1692817718,null],[1692817719,null],[1692817720,null],[1692817721,null],[1692817722,null],[1692817723,null],[1692817724,null],[1692817725,null],[1692817726,null],[1692817727,null],[1692817728,null],[1692817729,null],[1692817730,null],[1692817731,null],[1692817732,null],[1692817733,null],[1692817734,null],[1692817735,null],[1692817736,null],[1692817737,null],[1692817738,null],[1692817739,null],[1692817740,null],[1692817741,null],[1692817742,null],[1692817743,null],[1692817744,null],[1692817745,null],[1692817746,null],[1692817747,null],[1692817748,null],[1692817749,null],[1692817750,null],[1692817751,null],[1692817752,null],[1692817753,null],[1692817754,null],[1692817755,null],[1692817756,null],[1692817757,null],[1692817758,null],[1692817759,null],[1692817760,null],[1692817761,null],[1692817762,null],[1692817763,null],[1692817764,null],[1692817765,null],[1692817766,null],[1692817767,null],[1692817768,null],[1692817769,null],[1692817770,null],[1692817771,null],[1692817772,null],[1692817773,null],[1692817774,null],[1692817775,null],[1692817776,null],[1692817777,null],[1692817778,null],[1692817779,null],[1692817780,null],[1692817781,null],[1692817782,null],[1692817783,null],[1692817784,null],[1692817785,null],[1692817786,null],[1692817787,null],[1692817788,null],[1692817789,null],[1692817790,null],[1692817791,null],[1692817792,null],[1692817793,null],[1692817794,null],[1692817795,null],[1692817796,null],[1692817797,null],[1692817798,null],[1692817799,null],[1692817800,null],[1692817801,null],[1692817802,null],[1692817803,null],[1692817804,null],[1692817805,null],[1692817806,null],[1692817807,null],[1692817808,null],[1692817809,null],[1692817810,null],[1692817811,null],[1692817812,null],[1692817813,null],[1692817814,null],[1692817815,null],[1692817816,null],[1692817817,null],[1692817818,null],[1692817819,null],[1692817820,null],[1692817821,null],[1692817822,null],[1692817823,null],[1692817824,null],[1692817825,null],[1692817826,null],[1692817827,null],[1692817828,null],[1692817829,null],[1692817830,null],[1692817831,null],[1692817832,null],[1692817833,null],[1692817834,null],[1692817835,null],[1692817836,null],[1692817837,null],[1692817838,null],[1692817839,null],[1692817840,null],[1692817841,null],[1692817842,null],[1692817843,null],[1692817844,null],[1692817845,null],[1692817846,null],[1692817847,null],[1692817848,null],[1692817849,null],[1692817850,null],[1692817851,null],[1692817852,null],[1692817853,null],[1692817854,null],[1692817855,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692817651,[2,0,2]],[1692817652,[2,0,2]],[1692817653,[2,0,2]],[1692817654,[2,0,2]],[1692817655,[2,0,2]],[1692817656,[2,0,2]],[1692817657,[2,0,2]],[1692817658,[2,0,2]],[1692817659,[2,0,2]],[1692817660,[2,0,2]],[1692817661,[2,0,2]],[1692817662,[9,0,9]],[1692817663,[2,0,2]],[1692817664,[2,0,2]],[1692817665,[2,0,2]],[1692817666,[8,0,8]],[1692817667,[4,0,4]],[1692817668,[5,0,5]],[1692817669,[2,0,2]],[1692817670,[8,0,8]],[1692817671,[3,0,3]],[1692817672,[3,0,3]],[1692817673,[5,0,5]],[1692817674,[2,0,2]],[1692817675,[4,0,4]],[1692817676,[7,0,7]],[1692817677,[9,0,9]],[1692817678,[13,0,13]],[1692817679,[16,0,16]],[1692817680,[20,0,20]],[1692817681,[22,0,22]],[1692817682,[26,0,26]],[1692817683,[29,0,29]],[1692817684,[33,0,33]],[1692817685,[36,0,36]],[1692817686,[39,0,39]],[1692817687,[42,0,42]],[1692817688,[45,0,45]],[1692817689,[50,0,50]],[1692817690,[52,0,52]],[1692817691,[56,0,56]],[1692817692,[58,0,58]],[1692817693,[62,0,62]],[1692817694,[66,0,66]],[1692817695,[69,0,69]],[1692817696,[72,0,72]],[1692817697,[75,0,75]],[1692817698,[79,0,79]],[1692817699,[82,0,82]],[1692817700,[86,0,86]],[1692817701,[88,0,88]],[1692817702,[92,0,92]],[1692817703,[95,0,95]],[1692817704,[99,0,99]],[1692817705,[102,0,102]],[1692817706,[105,0,105]],[1692817707,[108,0,108]],[1692817708,[112,0,112]],[1692817709,[115,0,115]],[1692817710,[118,0,118]],[1692817711,[121,0,121]],[1692817712,[125,0,125]],[1692817713,[129,0,129]],[1692817714,[131,0,131]],[1692817715,[135,0,135]],[1692817716,[138,0,138]],[1692817717,[141,0,141]],[1692817718,[145,0,145]],[1692817719,[148,0,148]],[1692817720,[152,0,152]],[1692817721,[154,0,154]],[1692817722,[158,0,158]],[1692817723,[161,0,161]],[1692817724,[165,0,165]],[1692817725,[168,0,168]],[1692817726,[171,0,171]],[1692817727,[174,0,174]],[1692817728,[178,0,178]],[1692817729,[181,0,181]],[1692817730,[184,0,184]],[1692817731,[188,0,188]],[1692817732,[190,0,190]],[1692817733,[195,0,195]],[1692817734,[197,0,197]],[1692817735,[201,0,201]],[1692817736,[205,0,205]],[1692817737,[206,0,206]],[1692817738,[211,0,211]],[1692817739,[214,0,214]],[1692817740,[218,0,218]],[1692817741,[220,0,220]],[1692817742,[224,0,224]],[1692817743,[227,0,227]],[1692817744,[231,0,231]],[1692817745,[234,0,234]],[1692817746,[237,0,237]],[1692817747,[240,0,240]],[1692817748,[244,0,244]],[1692817749,[247,0,247]],[1692817750,[250,0,250]],[1692817751,[254,0,254]],[1692817752,[257,0,257]],[1692817753,[260,0,260]],[1692817754,[263,0,263]],[1692817755,[268,0,268]],[1692817756,[270,0,270]],[1692817757,[273,0,273]],[1692817758,[276,0,276]],[1692817759,[281,0,281]],[1692817760,[283,0,283]],[1692817761,[286,0,286]],[1692817762,[290,0,290]],[1692817763,[293,0,293]],[1692817764,[297,0,297]],[1692817765,[300,0,300]],[1692817766,[303,0,303]],[1692817767,[306,0,306]],[1692817768,[310,0,310]],[1692817769,[312,0,312]],[1692817770,[318,0,318]],[1692817771,[319,0,319]],[1692817772,[323,0,323]],[1692817773,[326,0,326]],[1692817774,[330,0,330]],[1692817775,[333,0,333]],[1692817776,[336,0,336]],[1692817777,[339,0,339]],[1692817778,[343,0,343]],[1692817779,[346,0,346]],[1692817780,[349,0,349]],[1692817781,[352,0,352]],[1692817782,[356,0,356]],[1692817783,[359,0,359]],[1692817784,[363,0,363]],[1692817785,[366,0,366]],[1692817786,[369,0,369]],[1692817787,[372,0,372]],[1692817788,[376,0,376]],[1692817789,[379,0,379]],[1692817790,[383,0,383]],[1692817791,[385,0,385]],[1692817792,[389,0,389]],[1692817793,[392,0,392]],[1692817794,[395,0,395]],[1692817795,[399,0,399]],[1692817796,[402,0,402]],[1692817797,[406,0,406]],[1692817798,[408,0,408]],[1692817799,[412,0,412]],[1692817800,[416,0,416]],[1692817801,[418,0,418]],[1692817802,[422,0,422]],[1692817803,[426,0,426]],[1692817804,[428,0,428]],[1692817805,[432,0,432]],[1692817806,[435,0,435]],[1692817807,[439,0,439]],[1692817808,[441,0,441]],[1692817809,[445,0,445]],[1692817810,[448,0,448]],[1692817811,[452,0,452]],[1692817812,[455,0,455]],[1692817813,[458,0,458]],[1692817814,[461,0,461]],[1692817815,[466,0,466]],[1692817816,[468,0,468]],[1692817817,[471,0,471]],[1692817818,[475,0,475]],[1692817819,[477,0,477]],[1692817820,[482,0,482]],[1692817821,[485,0,485]],[1692817822,[487,0,487]],[1692817823,[491,0,491]],[1692817824,[495,0,495]],[1692817825,[498,0,498]],[1692817826,[501,0,501]],[1692817827,[505,0,505]],[1692817828,[507,0,507]],[1692817829,[511,0,511]],[1692817830,[513,0,513]],[1692817831,[519,0,519]],[1692817832,[521,0,521]],[1692817833,[524,0,524]],[1692817834,[527,0,527]],[1692817835,[532,0,532]],[1692817836,[534,0,534]],[1692817837,[537,0,537]],[1692817838,[540,0,540]],[1692817839,[545,0,545]],[1692817840,[547,0,547]],[1692817841,[551,0,551]],[1692817842,[554,0,554]],[1692817843,[556,0,556]],[1692817844,[561,0,561]],[1692817845,[564,0,564]],[1692817846,[567,0,567]],[1692817847,[571,0,571]],[1692817848,[573,0,573]],[1692817849,[578,0,578]],[1692817850,[580,0,580]],[1692817851,[584,0,584]],[1692817852,[586,0,586]],[1692817853,[590,0,590]],[1692817854,[593,0,593]],[1692817855,[878,0,878]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692817651,[2,0,2]],[1692817652,[2,0,2]],[1692817653,[2,0,2]],[1692817654,[2,0,2]],[1692817655,[2,0,2]],[1692817656,[2,0,2]],[1692817657,[2,0,2]],[1692817658,[2,0,2]],[1692817659,[2,0,2]],[1692817660,[2,0,2]],[1692817661,[2,0,2]],[1692817662,[9,0,9]],[1692817663,[2,0,2]],[1692817664,[2,0,2]],[1692817665,[2,0,2]],[1692817666,[8,0,8]],[1692817667,[4,0,4]],[1692817668,[5,0,5]],[1692817669,[2,0,2]],[1692817670,[8,0,8]],[1692817671,[3,0,3]],[1692817672,[3,0,3]],[1692817673,[5,0,5]],[1692817674,[2,0,2]],[1692817675,[4,0,4]],[1692817676,[7,0,7]],[1692817677,[9,0,9]],[1692817678,[13,0,13]],[1692817679,[16,0,16]],[1692817680,[20,0,20]],[1692817681,[22,0,22]],[1692817682,[26,0,26]],[1692817683,[29,0,29]],[1692817684,[32,0,32]],[1692817685,[37,0,37]],[1692817686,[39,0,39]],[1692817687,[42,0,42]],[1692817688,[45,0,45]],[1692817689,[50,0,50]],[1692817690,[52,0,52]],[1692817691,[56,0,56]],[1692817692,[58,0,58]],[1692817693,[62,0,62]],[1692817694,[66,0,66]],[1692817695,[69,0,69]],[1692817696,[72,0,72]],[1692817697,[75,0,75]],[1692817698,[79,0,79]],[1692817699,[82,0,82]],[1692817700,[86,0,86]],[1692817701,[88,0,88]],[1692817702,[92,0,92]],[1692817703,[95,0,95]],[1692817704,[99,0,99]],[1692817705,[102,0,102]],[1692817706,[105,0,105]],[1692817707,[108,0,108]],[1692817708,[112,0,112]],[1692817709,[115,0,115]],[1692817710,[118,0,118]],[1692817711,[120,0,120]],[1692817712,[126,0,126]],[1692817713,[129,0,129]],[1692817714,[131,0,131]],[1692817715,[135,0,135]],[1692817716,[138,0,138]],[1692817717,[141,0,141]],[1692817718,[145,0,145]],[1692817719,[148,0,148]],[1692817720,[151,0,151]],[1692817721,[155,0,155]],[1692817722,[158,0,158]],[1692817723,[161,0,161]],[1692817724,[165,0,165]],[1692817725,[168,0,168]],[1692817726,[171,0,171]],[1692817727,[174,0,174]],[1692817728,[178,0,178]],[1692817729,[181,0,181]],[1692817730,[184,0,184]],[1692817731,[188,0,188]],[1692817732,[190,0,190]],[1692817733,[195,0,195]],[1692817734,[197,0,197]],[1692817735,[201,0,201]],[1692817736,[204,0,204]],[1692817737,[207,0,207]],[1692817738,[211,0,211]],[1692817739,[214,0,214]],[1692817740,[218,0,218]],[1692817741,[220,0,220]],[1692817742,[224,0,224]],[1692817743,[227,0,227]],[1692817744,[231,0,231]],[1692817745,[234,0,234]],[1692817746,[237,0,237]],[1692817747,[240,0,240]],[1692817748,[244,0,244]],[1692817749,[247,0,247]],[1692817750,[250,0,250]],[1692817751,[254,0,254]],[1692817752,[257,0,257]],[1692817753,[260,0,260]],[1692817754,[263,0,263]],[1692817755,[268,0,268]],[1692817756,[269,0,269]],[1692817757,[274,0,274]],[1692817758,[276,0,276]],[1692817759,[280,0,280]],[1692817760,[284,0,284]],[1692817761,[286,0,286]],[1692817762,[290,0,290]],[1692817763,[293,0,293]],[1692817764,[297,0,297]],[1692817765,[300,0,300]],[1692817766,[303,0,303]],[1692817767,[306,0,306]],[1692817768,[310,0,310]],[1692817769,[312,0,312]],[1692817770,[318,0,318]],[1692817771,[319,0,319]],[1692817772,[323,0,323]],[1692817773,[326,0,326]],[1692817774,[330,0,330]],[1692817775,[333,0,333]],[1692817776,[335,0,335]],[1692817777,[340,0,340]],[1692817778,[343,0,343]],[1692817779,[345,0,345]],[1692817780,[350,0,350]],[1692817781,[352,0,352]],[1692817782,[356,0,356]],[1692817783,[359,0,359]],[1692817784,[363,0,363]],[1692817785,[366,0,366]],[1692817786,[369,0,369]],[1692817787,[372,0,372]],[1692817788,[376,0,376]],[1692817789,[379,0,379]],[1692817790,[382,0,382]],[1692817791,[386,0,386]],[1692817792,[389,0,389]],[1692817793,[392,0,392]],[1692817794,[395,0,395]],[1692817795,[399,0,399]],[1692817796,[402,0,402]],[1692817797,[406,0,406]],[1692817798,[408,0,408]],[1692817799,[412,0,412]],[1692817800,[416,0,416]],[1692817801,[417,0,417]],[1692817802,[423,0,423]],[1692817803,[426,0,426]],[1692817804,[428,0,428]],[1692817805,[432,0,432]],[1692817806,[435,0,435]],[1692817807,[438,0,438]],[1692817808,[442,0,442]],[1692817809,[444,0,444]],[1692817810,[449,0,449]],[1692817811,[452,0,452]],[1692817812,[455,0,455]],[1692817813,[458,0,458]],[1692817814,[461,0,461]],[1692817815,[465,0,465]],[1692817816,[469,0,469]],[1692817817,[471,0,471]],[1692817818,[475,0,475]],[1692817819,[477,0,477]],[1692817820,[482,0,482]],[1692817821,[485,0,485]],[1692817822,[487,0,487]],[1692817823,[491,0,491]],[1692817824,[495,0,495]],[1692817825,[498,0,498]],[1692817826,[501,0,501]],[1692817827,[504,0,504]],[1692817828,[508,0,508]],[1692817829,[511,0,511]],[1692817830,[513,0,513]],[1692817831,[519,0,519]],[1692817832,[521,0,521]],[1692817833,[524,0,524]],[1692817834,[527,0,527]],[1692817835,[532,0,532]],[1692817836,[534,0,534]],[1692817837,[537,0,537]],[1692817838,[540,0,540]],[1692817839,[544,0,544]],[1692817840,[548,0,548]],[1692817841,[551,0,551]],[1692817842,[553,0,553]],[1692817843,[557,0,557]],[1692817844,[561,0,561]],[1692817845,[564,0,564]],[1692817846,[567,0,567]],[1692817847,[571,0,571]],[1692817848,[573,0,573]],[1692817849,[577,0,577]],[1692817850,[581,0,581]],[1692817851,[584,0,584]],[1692817852,[586,0,586]],[1692817853,[590,0,590]],[1692817854,[593,0,593]],[1692817855,[878,0,878]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 54624.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[6,3],[6,0],[6,0],[6,1],[6,1],[6,1],[6,1],[6,0],[6,0],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[7,1],[7,1],[8,1],[8,0],[9,1],[9,1],[12,1],[12,1],[13,1],[15,1],[21,2],[26,2],[30,1],[35,1],[37,1],[42,1],[47,3],[50,1],[55,1],[58,1],[62,1],[65,1],[71,1],[74,1],[79,1],[81,1],[86,1],[92,1],[94,1],[99,1],[102,1],[106,1],[110,1],[116,1],[118,1],[121,1],[127,1],[131,1],[135,1],[138,1],[142,1],[147,1],[150,1],[154,1],[157,1],[164,0],[167,1],[170,1],[175,1],[178,1],[182,1],[187,1],[191,1],[195,1],[198,1],[202,1],[207,1],[211,1],[215,1],[219,0],[223,1],[227,0],[231,0],[234,0],[239,0],[242,0],[248,1],[250,1],[255,1],[260,1],[261,1],[267,0],[270,1],[277,1],[278,0],[282,1],[287,1],[292,1],[295,0],[298,1],[303,1],[307,1],[311,1],[314,0],[320,0],[323,1],[327,1],[330,1],[337,1],[339,1],[342,1],[347,0],[351,1],[355,1],[359,1],[363,0],[367,1],[372,0],[376,0],[379,1],[382,0],[387,1],[390,1],[397,1],[398,1],[403,1],[408,1],[411,1],[416,0],[419,1],[423,1],[427,0],[431,1],[435,1],[439,0],[443,0],[447,0],[453,0],[455,0],[460,0],[463,1],[467,1],[471,1],[477,1],[479,1],[482,0],[488,0],[491,0],[496,0],[499,1],[504,0],[507,1],[511,0],[516,0],[519,0],[524,1],[528,0],[531,1],[536,1],[539,1],[544,1],[547,1],[552,1],[556,1],[559,1],[563,1],[568,1],[572,1],[576,1],[581,1],[583,1],[588,0],[591,1],[596,0],[600,1],[603,0],[608,0],[612,1],[616,1],[620,1],[624,1],[627,1],[631,0],[636,0],[641,1],[643,0],[648,1],[652,1],[657,1],[659,1],[664,1],[667,1],[673,1],[675,1],[681,0],[684,1],[687,1],[693,0],[696,1],[700,0],[704,0],[708,0],[712,1],[716,1],[721,0],[723,1],[728,0],[732,0],[1082,1]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
